﻿<!DOCTYPE HTML>
<html>
<head>
	<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
    <title></title>
    <META NAME="Abstract" CONTENT="">
    <META NAME="description" content="">
    <META NAME="keywords" content="">
    <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0" />
    <meta name="robots" content="noindex, nofollow" />
    
    <!--link href="/img/favicon.ico" rel="shortcut icon" /-->
    
    <!-- CSS -->
    <link href="css/reset.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="css/css.css" rel="stylesheet" type="text/css" />
    
    <!-- CSS -->
    <!-- JS -->
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
	<script type="text/javascript" src="http://labs.rampinteractive.co.uk/touchSwipe/jquery.touchSwipe.min.js"></script>

    
    <script src="respond.min.js"></script>
    <script src="js/main.js"></script>
    <!-- JS -->
</head>
<body>
<div class="gridContainer clearfix">
	<div id="LayoutDiv1">
		
		<div class="menu-main">
			<div class="menu-header">
				<div class="avatar-3"><img src="images/avatar-3.jpg"><p class="pt10"></p><span>Ahmet Özdemir</span></div>
			</div>
			
			<div class="listele-3">
				<ul>
					<li onClick="top.location='bildirimler.html'">
					<div class="icon-back-5"><span class="icon-akampus"></span></div>
					<span class="listele-title">Başlangıç</span>
					</li>

					<li class="online" onClick="top.location='index.html'">
					<div class="icon-back-5 icon-online"><span class="icon-online"></span></div>
					<span class="listele-title">Online</span>
					<span class="listele-online-sayi">1540</span>
					</li>
					
					<li onClick="top.location='kampus-foto.html'">
					<div class="icon-back-5"><span class="icon-fotograf"></span></div>
					<span class="listele-title">Kampüs Foto</span>
					</li>
					
					<li onClick="top.location='akantin-rulet.html'">
					<div class="icon-back-5"><span class="icon-arkadas-ara"></span></div>
					<span class="listele-title">Akantin Rulet</span>
					</li>

					<li onClick="top.location='mesajlar.html'">
					<div class="icon-back-5"><span class="icon-mesaj"></span></div>
					<span class="listele-title">Mesajlarım</span>
					<span class="yeni-mesaj-uyari">115</span>						
					</li>
					
					<li onClick="top.location='arkadas.html'">
					<div class="icon-back-5"><span class="icon-arkadaslar"></span></div>
					<span class="listele-title">Arkadaşlarım</span>
					<span class="yeni-arkadas-uyari">2</span>						
					</li>
					
					<li onClick="top.location='fotograflar.html'">
					<div class="icon-back-5"><span class="icon-fotograf"></span></div>
					<span class="listele-title">Fotoğraflarım</span>
					</li>
					
					<li onClick="top.location='profilimi-duzenle.html'">
					<div class="icon-back-5"><span class="icon-duzenle"></span></div>
					<span class="listele-title">Profilimi Düzenle</span>
					</li>
					
					<li onClick="top.location='ayarlar.html'">
					<div class="icon-back-5"><span class="icon-ayarlar"></span></div>
					<span class="listele-title">Ayarlar</span>
					</li>
					
					<li>
					<div class="icon-back-5"><span class="icon-cikis"></span></div>
					<span class="listele-title">Çıkış</span>
					</li>
					
				</ul>
			</div>			
		</div>
	
	    <div class="container">

		<div id="header">
			<div class="header">
				<a href="#"><div class="header-buton-sol"><span class="menu-icon icon-menu"></span></div></a>
				<div class="header-title"><h1>Mesajlar</h1></div>
				<div class="header-buton-sag"><span class="icon-arti"></span></div>
			</div>
		</div>

	
		<div class="content-2">
			<div class="uye-bilgi-box">
				<div class="avatar-1"><img src="images/avatar-60.jpg"></div>
				<div class="uye-bilgi"><span class="uye-ismi">Ahmet Özdemir</span><p class="pt1"></p><span class="universite-ismi">Süleyman Demirel Üni.</span></div>
			</div>
			
			<div class="listele-4 pb5">
				<ul>
					<li>
						<div class="gonderen">Deneme üç beş yedi sekiz on oniki hülooooğ! sekiz on oniki hülooooğ!</div>
					</li>
					<li>
						<div class="alan">Deneme üç beş yedi sekiz on oniki hülooooğ!</div>
					</li>
					<li>
						<div class="gonderen">Deneme üç beş yedi sekiz on oniki hülooooğ!</div>
					</li>
					<li>
						<div class="alan">Deneme üç beş yedi sekiz on oniki hülooooğ! sekiz on oniki hülooooğ!</div>
					</li>
					<li>
						<div class="gonderen">Deneme üç beş yedi sekiz on oniki hülooooğ!</div>
					</li>
					<li>
						<div class="alan">Deneme üç beş yedi sekiz on oniki hülooooğ!</div>
					</li>
					<li>
						<div class="gonderen">Deneme üç beş yedi sekiz on oniki hülooooğ!</div>
					</li>
					<li>
						<div class="alan">Deneme üç beş yedi sekiz on oniki hülooooğ!</div>
					</li>
					<li>
						<div class="gonderen">Deneme üç beş yedi sekiz on oniki hülooooğ!</div>
					</li>
					<li>
						<div class="alan">Deneme üç beş yedi sekiz on oniki hülooooğ!</div>
					</li>
					<li>
						<div class="gonderen">Deneme üç beş yedi sekiz on oniki hülooooğ!</div>
					</li>
					<li>
						<div class="alan">Deneme üç beş yedi sekiz on oniki hülooooğ!</div>
					</li>																				
				</ul>
			</div>
		</div>
        </div>
	</div>
</div>
</body>
</html>